@charset "UTF-8";

/* 计算rem */
@function r($px){
    @return ($px/40) * 1rem;
}
/* 减半px */
@function half($px){
    @return ($px/2) * 1px;
}

$fontcolor:#ff9344;

html,body{
    height: 100%;
    position: relative;
}

/* 头部 */
header{
    .star{
         width: half(52);
         height: half(50);
         margin-top: 2px;
        img{
            width: 100%;
            height: 100%;
            display: block;
        }
    }
}

/* 主体 */
section{
    position: absolute;
    width: r(750);
    top: half(123);
    bottom: half(135);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    /* 图片 */
    .pro{      
        .pro_pic{
            width: r(705);
            margin: 0 auto;
            >img{
                width: 100%;
                height: 100%;
            }
        }
        /* 价格 */
        .pro_price{
            width: r(705);
            margin: 0 auto;
            >span{
                display: inline-block;
                font-size: half(72);
                color: #ff9344;
                margin-top: half(15);
            }
            >a{
                display: inline-block;
                width: half(111);
                border-radius: 10px;
                background-color: $fontcolor;
                color: #fff;
                font-size: 15px;
                line-height: half(59);
                text-align: center;
                margin-top: half(37);
            }
        }
        /* 评价 */
        .pro_pj{
            width: r(705);
            height: half(53);
            margin: 12px auto;
            .hp{
                box-sizing: border-box;
                padding-left: 9px;
                font-size: 15px;
                >img{
                    width: half(38);
                    height: half(36);
                }
                >span{
                    color: $fontcolor;
                }
            }
            a{  
                display: inline-block;
                margin-top: 5px;
                color: #8e8e8e;
                font-size: 13px;
            }
        }
    }
    /* 适用商户 */
    .apply{
        width: r(665);
        margin: 18px auto;
        .appTip{
            width: 100%;
            background-color: $fontcolor;
            span:nth-of-type(1){
                display: inline-block;
                font-size: 15px;
                color: #FFFFFF;
                margin: 5px 0 0 5px;
            }
            span:nth-of-type(2){
                display: inline-block;
                margin-top: -3px;
                font-size: half(47);
                color: #FFFFFF;
            }
        }
    }
    /* 商户 */
    .appShop{
        width: 100%;
        margin-top: 5px;
        /* 左侧图片 */
        .shopPic{
            width: r(178);
            >img{
                width: 100%;
//              height: half(176);
            }
        }
        /* 中间商店信息 */
        .shopDet{
           width: r(270);
           margin-left: half(25);
            .shop_name{
               width: 100%;
               margin-top: -5px;
               >span{
                   font-size: r(30);
               }
            }
            .shop_star{
                width: 100%;
                >img{
                    width: r(36);
                }
                >span{
                    font-size: r(26);
                    color: #929292;
                }
            }
            .shop_distance{
                width: 100%;
                
                    font-size: r(24);
                    color: #929292;
                
            }
            .shop_link{
                width: 100%;
                margin-top: -5x;
                >a{
                    font-size: r(20);
                    color: $fontcolor;
                }
            }
        }
        /* 进入按钮 */
        .shopIn{
                width: half(111);
                height: half(59);
                background-color: $fontcolor;
                border-radius: 10px;
                text-align: center;
                margin-top: half(67);
                position: relative;
                >a{
                    font-size: 15px;
                    color: #FFFFFF;
                    line-height: half(59);
                    position: absolute;
                    left: 15px;
                }
        }
    }
}
